<!DOCTYPE html>
<html class="x-admin-sm">

<head>
    <meta charset="UTF-8">
    <title>考核申请</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
        content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="stylesheet" href="../css/font.css">
    <link rel="stylesheet" href="../css/iconfont.css">
    <link rel="stylesheet" href="../lib/layui/css/layui.css" media="all">

    <link rel="stylesheet" href="../css/xadmin.css">
    <script src="../lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="../js/xadmin.js"></script>
    <script src="../js/base.js"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style>
        tr td,
        tr th {
            text-align: center !important;
            border: none !important;
        }


        .shaixuan .layui-col-md12 .layui-inline {
            margin: 0;
        }

        .shaixuan .layui-col-md12 .layui-inline.layui-col-md4 .layui-form-label {
            width: 30%;
            padding-left: 0;
        }

        .shaixuan .layui-col-md12 .layui-inline.layui-col-md4 .layui-input-inline {
            width: 53%;
        }

        .shaixuan .layui-col-md12 .layui-inline.layui-col-md4 {
            margin-bottom: 20px;
        }

        .shaixuan .layui-col-md12 .layui-inline.layui-col-md3 .layui-form-label {
            width: 30%;
            padding-left: 0;
        }

        .shaixuan .layui-col-md12 .layui-inline.layui-col-md3 .layui-input-inline {
            width: 90%;
        }

        .shaixuan .layui-col-md12 .layui-inline.layui-col-md3 {
            margin-bottom: 20px;
        }

        .shaixuan .layui-col-md12 .layui-inline.layui-col-md6 .layui-form-label {
            width: 30%;
            padding-left: 0;
        }

        .shaixuan .layui-col-md12 .layui-inline.layui-col-md6 .layui-input-inline {
            width: 53%;
        }

        .shaixuan .layui-col-md12 .layui-inline.layui-col-md6 {
            margin-bottom: 20px;
        }
    </style>
</head>

<body>
    <div class="layui-fluid">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md12">
                <div class="layui-card" style="display: flex;justify-content: space-between;">
                    <div class="layui-card-body ">
                        <blockquote class="layui-elem-quote" style="border:0;font-size: 18px;color: #000;">裁判员注册
                        </blockquote>
                    </div>
                </div>
            </div>

            <div class="layui-col-md12 shaixuan">
                <div class="layui-card">
                    <div class="layui-fluid">
                        <div style="text-align: center;font-size: 16px;margin-bottom: 10px;">裁判角色</div>
                        <div class="layui-row layui-col-space15">
                            <div class="layui-col-md12 selected">
                                <div class="layui-card-body " style="display: flex;justify-content:space-between">
                                    <form class="layui-form" action="" style="width: 100%;">
                                        <div class="layui-form-item layui-col-md12" style="padding-left: 55px; ">
                                            <div class="layui-inline layui-col-md3">
                                                <div class="layui-input-inline">
                                                    <input type="radio" name="juese" value="1" title="男子裁判员">
                                                </div>
                                            </div>
                                            <div class="layui-inline layui-col-md3">
                                                <div class="layui-input-inline">
                                                    <input type="radio" name="juese" value="2" title="女子裁判员">
                                                </div>
                                            </div>
                                            <div class="layui-inline layui-col-md3">
                                                <div class="layui-input-inline">
                                                    <input type="radio" name="juese" value="3" title="五人制/沙足裁判员">
                                                </div>
                                            </div>
                                            <div class="layui-inline layui-col-md3">
                                                <div class="layui-input-inline">
                                                    <input type="radio" name="juese" value="4" title="男足裁判监督">
                                                </div>
                                            </div>
                                            <div class="layui-inline layui-col-md3">
                                                <div class="layui-input-inline">
                                                    <input type="radio" name="juese" value="5" title="五人制裁判监督">
                                                </div>
                                            </div>
                                            <div class="layui-inline layui-col-md3">
                                                <div class="layui-input-inline">
                                                    <input type="radio" name="juese" value="6" title="裁判技术讲师">
                                                </div>
                                            </div>
                                            <div class="layui-inline layui-col-md3">
                                                <div class="layui-input-inline">
                                                    <input type="radio" name="juese" value="7" title="裁判体能讲师">
                                                </div>
                                            </div>
                                            <div class="layui-inline layui-col-md3">
                                                <div class="layui-input-inline">
                                                    <input type="radio" name="juese" value="8" title="女足裁判监督">
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-card">
                    <div class="layui-fluid">
                        <div style="text-align: center;font-size: 16px;margin-bottom: 10px;">基本信息</div>
                        <div class="layui-row layui-col-space15">
                            <div class="layui-col-md10">
                                <div class="layui-card-body " style="display: flex;justify-content:space-between">
                                    <form class="layui-form" action="" style="width: 100%;">
                                        <div class="layui-form-item layui-col-md12">
                                            <div class="layui-inline layui-col-md4">
                                                <label class="layui-form-label"><span class="x-red">*</span>姓名：</label>
                                                <div class="layui-input-inline">
                                                    <input type="text" name="name" id="name" lay-verify="required"
                                                        autocomplete="off" class="layui-input">
                                                </div>
                                            </div>
                                            <div class="layui-inline layui-col-md4">
                                                <label class="layui-form-label"><span class="x-red">*</span>性别：</label>
                                                <div class="layui-input-inline">
                                                    <select id="sex" name="sex" lay-verify="required">
                                                        <option value="1">男</option>
                                                        <option value="2">女</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="layui-inline layui-col-md4">
                                                <label class="layui-form-label"><span
                                                        class="x-red">*</span>证件类型：</label>
                                                <div class="layui-input-inline">
                                                    <select id="documentType" name="documentType" lay-verify="required">
                                                        <option value="1">身份证</option>
                                                        <option value="2">护照</option>
                                                        <option value="3">户口本</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="layui-inline layui-col-md4">
                                                <label class="layui-form-label"><span
                                                        class="x-red">*</span>证件号码：</label>
                                                <div class="layui-input-inline">
                                                    <input type="text" name="documentNumber" id="documentNumber"
                                                        lay-verify="required" autocomplete="off" class="layui-input">
                                                </div>
                                            </div>
                                            <div class="layui-inline layui-col-md4">
                                                <label class="layui-form-label"><span class="x-red">*</span>身高：</label>
                                                <div class="layui-input-inline">
                                                    <input maxlength="5" id="height" type="text" name="height"
                                                        lay-verify="required" autocomplete="off" class="layui-input">
                                                </div>
                                            </div>
                                            <div class="layui-inline layui-col-md4">
                                                <label class="layui-form-label"><span class="x-red">*</span>体重：</label>
                                                <div class="layui-input-inline">
                                                    <input maxlength="5" type="text" id="weight" name="weight"
                                                        lay-verify="required" autocomplete="off" class="layui-input">
                                                </div>
                                            </div>
                                            <div class="layui-inline layui-col-md4">
                                                <label class="layui-form-label"><span class="x-red">*</span>血型：</label>
                                                <div class="layui-input-inline">
                                                    <select id="bloodType" name="bloodType" lay-verify="required">
                                                        <option value="1">A</option>
                                                        <option value="2">B</option>
                                                        <option value="3">AB</option>
                                                        <option value="4">O</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="layui-inline layui-col-md4">
                                                <label class="layui-form-label"><span class="x-red">*</span>国籍：</label>
                                                <div class="layui-input-inline">
                                                    <input id="nationality" type="text" name="nationality"
                                                        lay-verify="required" autocomplete="off" class="layui-input">
                                                </div>
                                            </div>
                                            <div class="layui-inline layui-col-md4">
                                                <label class="layui-form-label"><span class="x-red">*</span>民族：</label>
                                                <div class="layui-input-inline">
                                                    <select id="nation" name="nation" lay-verify="required" lay-search>
                                                        <option value="">请选择</option>
                                                        <option value="汉族" selected="selected">汉族</option>
                                                        <option value="阿昌族">阿昌族</option>
                                                        <option value="白族">白族</option>
                                                        <option value="保安族">保安族</option>
                                                        <option value="布朗族">布朗族</option>
                                                        <option value="布依族">布依族</option>
                                                        <option value="朝鲜族">朝鲜族</option>
                                                        <option value="达斡尔族">达斡尔族</option>
                                                        <option value="傣族">傣族</option>
                                                        <option value="德昂族">德昂族</option>
                                                        <option value="侗族">侗族</option>
                                                        <option value="东乡族">东乡族</option>
                                                        <option value="独龙族">独龙族</option>
                                                        <option value="鄂伦春族">鄂伦春族</option>
                                                        <option value="俄罗斯族">俄罗斯族</option>
                                                        <option value="鄂温克族">鄂温克族</option>
                                                        <option value="高山族">高山族</option>
                                                        <option value="仡佬族">仡佬族</option>
                                                        <option value="哈尼族">哈尼族</option>
                                                        <option value="哈萨克族">哈萨克族</option>
                                                        <option value="赫哲族">赫哲族</option>
                                                        <option value="回族">回族</option>
                                                        <option value="基诺族">基诺族</option>
                                                        <option value="京族">京族</option>
                                                        <option value="景颇族">景颇族</option>
                                                        <option value="柯尔克孜族">柯尔克孜族</option>
                                                        <option value="拉祜族">拉祜族</option>
                                                        <option value="黎族">黎族</option>
                                                        <option value="傈僳族">傈僳族</option>
                                                        <option value="珞巴族">珞巴族</option>
                                                        <option value="满族">满族</option>
                                                        <option value="毛南族">毛南族</option>
                                                        <option value="门巴族">门巴族</option>
                                                        <option value="蒙古族">蒙古族</option>
                                                        <option value="苗族">苗族</option>
                                                        <option value="仫佬族">仫佬族</option>
                                                        <option value="纳西族">纳西族</option>
                                                        <option value="怒族">怒族</option>
                                                        <option value="普米族">普米族</option>
                                                        <option value="羌族">羌族</option>
                                                        <option value="撒拉族">撒拉族</option>
                                                        <option value="畲族">畲族</option>
                                                        <option value="水族">水族</option>
                                                        <option value="塔吉克族">塔吉克族</option>
                                                        <option value="塔塔尔族">塔塔尔族</option>
                                                        <option value="土族">土族</option>
                                                        <option value="土家族">土家族</option>
                                                        <option value="佤族">佤族</option>
                                                        <option value="锡伯族">锡伯族</option>
                                                        <option value="乌兹别克族">乌兹别克族</option>
                                                        <option value="瑶族">瑶族</option>
                                                        <option value="彝族">彝族</option>
                                                        <option value="裕固族">裕固族</option>
                                                        <option value="维吾尔族">维吾尔族</option>
                                                        <option value="壮族">壮族</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!--                                        <div class="layui-inline layui-col-md4">-->
                                            <!--                                            <label class="layui-form-label"><span-->
                                            <!--                                                    class="x-red">*</span>所属协会：</label>-->
                                            <!--                                            <div class="layui-input-inline">-->
                                            <!--                                                <select id="associationId" name="associationId"-->
                                            <!--                                                        lay-verify="required">-->
                                            <!--                                                    <option value="0">请选择</option>-->
                                            <!--                                                </select>-->
                                            <!--                                            </div>-->
                                            <!--                                        </div>-->
                                            <div class="layui-inline layui-col-md4">
                                                <label class="layui-form-label"><span class="x-red">*</span>市级：</label>
                                                <div class="layui-input-inline">
                                                    <select id="city" name="city" lay-verify="required">
                                                        <option value="">全部</option>

                                                    </select>
                                                </div>
                                            </div>
                                            <div class="layui-inline layui-col-md4">
                                                <label class="layui-form-label"><span
                                                        class="x-red">*</span>年审年份：</label>
                                                <div class="layui-input-inline">
                                                    <input type="text" name="year" id="year" lay-verify="date"
                                                        autocomplete="off" class="layui-input">
                                                </div>
                                            </div>
                                            <div class="layui-inline layui-col-md4">
                                                <label class="layui-form-label"><span class="x-red">*</span>出生地：</label>
                                                <div class="layui-input-inline">
                                                    <input type="text" id="birthAddress" name="birthAddress"
                                                        lay-verify="required" autocomplete="off" class="layui-input">
                                                </div>
                                            </div>
                                            <div class="layui-inline layui-col-md4">
                                                <label class="layui-form-label"><span
                                                        class="x-red">*</span>出生日期：</label>
                                                <div class="layui-input-inline">
                                                    <input type="text" name="birthDay" id="birthDay" lay-verify="date"
                                                        autocomplete="off" class="layui-input">
                                                </div>
                                            </div>
                                            <div class="layui-inline layui-col-md4">
                                                <label class="layui-form-label"><span
                                                        class="x-red">*</span>裁判员等级：</label>
                                                <div class="layui-input-inline">
                                                    <select id="refereeLevel" name="refereeLevel" lay-verify="required">
                                                        <option value="">请选择</option>
                                                        <option value="1">国家三级</option>
                                                        <option value="2">国家二级</option>
                                                        <option value="3">国家一级</option>
                                                        <option value="4">国家级</option>
                                                        <option value="5">国际级裁判</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="layui-inline layui-col-md4">
                                                <label class="layui-form-label"><span
                                                        class="x-red">*</span>政治面貌：</label>
                                                <div class="layui-input-inline">
                                                    <select id="politicCountenance" name="politicCountenance"
                                                        lay-verify="required">
                                                        <option value="1">党员</option>
                                                        <option value="2">团员</option>
                                                        <option value="3">群众</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="layui-inline layui-col-md4">
                                                <label class="layui-form-label">电子邮箱：</label>
                                                <div class="layui-input-inline">
                                                    <input type="text" id="email" name="email" lay-verify="required"
                                                        autocomplete="off" class="layui-input">
                                                </div>
                                            </div>
                                            <div class="layui-inline layui-col-md4">
                                                <label class="layui-form-label"><span class="x-red">*</span>手机号：</label>
                                                <div class="layui-input-inline">
                                                    <input type="text" id="tel" name="tel" lay-verify="required"
                                                        autocomplete="off" class="layui-input">
                                                </div>
                                            </div>
                                            <div class="layui-inline layui-col-md4">
                                                <label class="layui-form-label">其他电话：</label>
                                                <div class="layui-input-inline">
                                                    <input type="text" id="otherTel" name="otherTel"
                                                        lay-verify="required" autocomplete="off" class="layui-input">
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <div class="layui-col-md2">
                                <div style="border: 1px solid #ccc;width: 115px;height: 137px;">
                                    <img id="updateHeadImg" src="" alt=""
                                        style="width:100%;height:100%;position:relative;top:50%;left:50%;margin-top:-69px;margin-left:-58px">
                                </div>
                                <button type="button" class="layui-btn" id="uploadHeadImg"
                                    style="width: 114px;height: 33px;border-radius:5px;margin-top: 15px;margin-left: 2px;">
                                    上传图片
                                </button>
                                <div style="width: 114px;margin-top: 10px;">只能上传gif/jpg/png/bmp文件，且不超过5M</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-card">
                    <div class="layui-fluid">
                        <div style="text-align: center;font-size: 16px;margin-bottom: 10px;">单位信息</div>
                        <div class="layui-row layui-col-space15">
                            <div class="layui-col-md12">
                                <div class="layui-card-body " style="display: flex;justify-content:space-between">
                                    <form class="layui-form" action="" style="width: 100%;">
                                        <div class="layui-form-item layui-col-md12">
                                            <div class="layui-inline layui-col-md4">
                                                <label class="layui-form-label"><span
                                                        class="x-red">*</span>毕业院校：</label>
                                                <div class="layui-input-inline">
                                                    <input type="text" name="graduateSchool" id="graduateSchool"
                                                        lay-verify="required" autocomplete="off" class="layui-input">
                                                </div>
                                            </div>
                                            <div class="layui-inline layui-col-md4">
                                                <label class="layui-form-label"><span
                                                        class="x-red">*</span>主修专业：</label>
                                                <div class="layui-input-inline">
                                                    <input type="text" name="major" id="major" lay-verify="required"
                                                        autocomplete="off" class="layui-input">
                                                </div>
                                            </div>
                                            <div class="layui-inline layui-col-md4">
                                                <label class="layui-form-label"><span
                                                        class="x-red">*</span>最高学历：</label>
                                                <div class="layui-input-inline">
                                                    <select id="heightEducation" name="heightEducation"
                                                        lay-verify="required">
                                                        <option value="">请选择</option>
                                                        <option value="大学大专">大学大专</option>
                                                        <option value="大学本科">大学本科</option>
                                                        <option value="硕士研究生">硕士研究生</option>
                                                        <option value="博士研究生">博士研究生</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="layui-inline layui-col-md4">
                                                <label class="layui-form-label"><span
                                                        class="x-red">*</span>英语水平：</label>
                                                <div class="layui-input-inline">
                                                    <select id="englishLevel" name="englishLevel" lay-verify="required">
                                                        <option value="0">全部</option>
                                                        <option value="1">2级</option>
                                                        <option value="2">3级</option>
                                                        <option value="3">4级</option>
                                                        <option value="4">8级</option>
                                                    </select>
                                                </div>
                                            </div>

                                            <div class="layui-inline layui-col-md4">
                                                <label class="layui-form-label"><span class="x-red">*</span>职务：</label>
                                                <div class="layui-input-inline">
                                                    <input type="text" name="job" id="job" lay-verify="required"
                                                        autocomplete="off" class="layui-input">
                                                </div>
                                            </div>
                                            <div class="layui-inline layui-col-md4">
                                                <label class="layui-form-label"><span
                                                        class="x-red">*</span>工作单位：</label>
                                                <div class="layui-input-inline">
                                                    <input type="text" name="workUnit" id="workUnit"
                                                        lay-verify="required" autocomplete="off" class="layui-input">
                                                </div>
                                            </div>
                                            <div class="layui-inline layui-col-md4">
                                                <label class="layui-form-label"><span
                                                        class="x-red">*</span>邮寄地址：</label>
                                                <div class="layui-input-inline">
                                                    <input type="text" name="address" id="address" lay-verify="required"
                                                        autocomplete="off" class="layui-input">
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-card">
                    <div class="layui-fluid">
                        <div style="text-align: center;font-size: 16px;margin-bottom: 10px;">装备信息</div>
                        <div class="layui-row layui-col-space15">
                            <div class="layui-col-md12">
                                <div class="layui-card-body " style="display: flex;justify-content:space-between">
                                    <form class="layui-form" action="" style="width: 100%;">
                                        <div class="layui-form-item layui-col-md12">
                                            <div class="layui-inline layui-col-md4">
                                                <label class="layui-form-label"><span
                                                        class="x-red">*</span>裁判服尺码：</label>
                                                <div class="layui-input-inline">
                                                    <select id="refereeClothingSize" name="refereeClothingSize"
                                                        lay-verify="required">S
                                                        <option value="0">全部</option>
                                                        <option value="1">S</option>
                                                        <option value="2">M</option>
                                                        <option value="3">L</option>
                                                        <option value="4">XL</option>
                                                        <option value="5">XXL</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="layui-inline layui-col-md4">
                                                <label class="layui-form-label"><span
                                                        class="x-red">*</span>其他服装尺码：</label>
                                                <div class="layui-input-inline">
                                                    <select id="otherClothingSize" name="otherClothingSize"
                                                        lay-verify="required">
                                                        <option value="0">全部</option>
                                                        <option value="1">S</option>
                                                        <option value="2">M</option>
                                                        <option value="3">L</option>
                                                        <option value="4">XL</option>
                                                        <option value="5">XXL</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="layui-inline layui-col-md4">
                                                <label class="layui-form-label"><span
                                                        class="x-red">*</span>足球鞋尺码：</label>
                                                <div class="layui-input-inline">
                                                    <input maxlength="2" minlength="2" type="text"
                                                        name="soccerShoesSize" id="soccerShoesSize"
                                                        lay-verify="required" autocomplete="off" class="layui-input">
                                                </div>
                                            </div>
                                            <div class="layui-inline layui-col-md4">
                                                <label class="layui-form-label"><span
                                                        class="x-red">*</span>跑步鞋尺码：</label>
                                                <div class="layui-input-inline">
                                                    <input maxlength="2" minlength="2" type="text"
                                                        name="runningShoesSize" id="runningShoesSize"
                                                        lay-verify="required" autocomplete="off" class="layui-input">
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-card">
                    <div class="layui-fluid">
                        <div style="text-align: center;font-size: 16px;margin-bottom: 10px;">体检证明</div>
                        <div class="layui-row layui-col-space15">
                            <div class="layui-col-md12">
                                <div class="layui-card-body " style="display: flex;justify-content:space-between">
                                    <form class="layui-form" action="" style="width: 100%;">
                                        <div class="layui-form-item layui-col-md12">
                                            <div class="layui-inline layui-col-md4">
                                                <label class="layui-form-label"><span
                                                        class="x-red">*</span>体检报告：</label>
                                                <div class="layui-input-inline">
                                                    <div
                                                        style="width: 118px;height: 138px; margin-top: -20px;margin-bottom: 10px;border: 1px solid #ccc;">
                                                        <img id="updateTijian" style="width: 100%;height: 100%;" src=""
                                                            alt="">
                                                    </div>
                                                    <button type="button" class="layui-btn"
                                                        style="width: 114px;height: 33px;border-radius:5px;margin-left: 2px;"
                                                        id="uploadTijian">上传图片
                                                    </button>
                                                </div>
                                            </div>
                                            <div class="layui-inline layui-col-md4">
                                                <label class="layui-form-label"><span
                                                        class="x-red">*</span>体检时间：</label>
                                                <div class="layui-input-inline">
                                                    <input type="text" name="medicalReportDate" id="medicalReportDate"
                                                        lay-verify="required" autocomplete="off" class="layui-input">
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-card">
                    <div class="layui-fluid">
                        <div style="text-align: center;font-size: 16px;margin-bottom: 10px;">银行信息</div>
                        <div class="layui-row layui-col-space15">
                            <div class="layui-col-md12">
                                <div class="layui-card-body " style="display: flex;justify-content:space-between">
                                    <form class="layui-form" action="" style="width: 100%;">
                                        <div class="layui-form-item layui-col-md12">
                                            <div class="layui-inline layui-col-md6">
                                                <label class="layui-form-label">中信银行卡号：</label>
                                                <div class="layui-input-inline">
                                                    <input type="text" name="bankCardNum" id="bankCardNumA"
                                                        lay-verify="required" autocomplete="off" class="layui-input">
                                                </div>
                                            </div>
                                            <div class="layui-inline layui-col-md6">
                                                <label class="layui-form-label">中信银行开户行：</label>
                                                <div class="layui-input-inline">
                                                    <input type="text" name="openingBank" id="openingBankA"
                                                        lay-verify="required" autocomplete="off" class="layui-input">
                                                </div>
                                            </div>
                                            <div class="layui-inline layui-col-md6">
                                                <label class="layui-form-label">民生银行卡号：</label>
                                                <div class="layui-input-inline">
                                                    <input type="text" name="bankCardNum" id="bankCardNumB"
                                                        lay-verify="required" autocomplete="off" class="layui-input">
                                                </div>
                                            </div>
                                            <div class="layui-inline layui-col-md6">
                                                <label class="layui-form-label">民生银行开户行：</label>
                                                <div class="layui-input-inline">
                                                    <input type="text" name="openingBank" id="openingBankB"
                                                        lay-verify="required" autocomplete="off" class="layui-input">
                                                </div>
                                            </div>
                                            <div class="layui-inline layui-col-md6">
                                                <label class="layui-form-label">其他银行卡号：</label>
                                                <div class="layui-input-inline">
                                                    <input type="text" name="bankCardNum" id="bankCardNumC"
                                                        lay-verify="required" autocomplete="off" class="layui-input">
                                                </div>
                                            </div>
                                            <div class="layui-inline layui-col-md6">
                                                <label class="layui-form-label">其他银行开户行：</label>
                                                <div class="layui-input-inline">
                                                    <input type="text" name="openingBank" id="openingBankC"
                                                        lay-verify="required" autocomplete="off" class="layui-input">
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item" style="text-align: center">
                    <button type="button" class="layui-btn submit">保存</button>
                </div>
            </div>
        </div>
    </div>
</body>

</html>

<script>
    var medicalReportUrl, headPhoto
    layui.use(['table', 'laydate', 'upload'], function () {
        var table = layui.table;
        var laydate = layui.laydate;
        var upload = layui.upload;
        var form = layui.form;

        var cityList = ["济南市", "青岛市", "聊城市", "德州市", "东营市", "淄博市", "潍坊市", "烟台市", "威海市", "日照市", "临沂市", "枣庄市",
            "济宁市", "泰安市", "滨州市", "菏泽市"
        ]
        for (var i = 0; i < cityList.length; i++) {
            $("#city").append(
                "<option value=\"" + cityList[i] + "\">" + cityList[i] + "</option>"
            )
        }
        form.render("select")

        laydate.render({ //初始化时间选择
            elem: '#medicalReportDate'
        });
        laydate.render({ //初始化时间选择
            elem: '#year',
            type: "year"
        });
        laydate.render({ //初始化时间选择
            elem: '#birthDay'
        });

        // //获取协会列表
        // $.ajax({
        //     url: getAssociationList,
        //     type: "POST",
        //     // 设置的是请求参数
        //     data: {},
        //     // 用于设置响应体的类型 注意 跟 data 参数没关系！！！
        //     dataType: 'json',
        //     success: function (res) {
        //         for (var i = 0; i < res.associationList.length; i++) {
        //             $("#associationId").append(
        //                 "<option value=\"" + res.associationList[i].id + "\">" + res
        //                     .associationList[i].name + "</option>"
        //             )
        //         }
        //
        //         form.render('select'); //刷新select选择框渲染
        //     }
        // })

        //普通图片上传
        //上传头像
        var uploadInst = upload.render({
            elem: '#uploadHeadImg',
            url: uploadJudgeImg,
            exts: 'gif|jpg|png|bmp', //只允许上传后缀
            size: 5120,
            before: function (obj) {
                //预读本地文件示例，不支持ie8
                obj.preview(function (index, file, result) {
                    $('#updateHeadImg').attr('src', result); //图片链接（base64）
                });
            },
            done: function (res) {
                headPhoto = res.url
                console.log(res)
                //如果上传成功
                if (res.msg == '0') {
                    layer.alert("上传成功")
                }
                //上传成功
            },
            error: function () {
                //演示失败状态，并实现重传
                var demoText = $('#demoText');
                demoText.html(
                    '<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>'
                );
                demoText.find('.demo-reload').on('click', function () {
                    uploadInst.upload();
                });
            }
        });

        //普通图片上传
        //上传体检图片
        var uploadInst = upload.render({
            elem: '#uploadTijian',
            url: uploadJudgeTijianImg,
            exts: 'gif|jpg|png|bmp', //只允许上传后缀
            size: 5120,
            before: function (obj) {
                //预读本地文件示例，不支持ie8
                obj.preview(function (index, file, result) {
                    $('#updateTijian').attr('src', result); //图片链接（base64）
                });
            },
            done: function (res) {
                console.log(res)
                medicalReportUrl = res.url
                //如果上传成功
                if (res.msg == '0') {
                    layer.alert("上传成功")
                }
                //上传成功
            },
            error: function () {
                //演示失败状态，并实现重传
                var demoText = $('#demoText');
                demoText.html(
                    '<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>'
                );
                demoText.find('.demo-reload').on('click', function () {
                    uploadInst.upload();
                });
            }
        });

        $(".submit").on("click", function () {
            //表单验证
            var role = $(".selected input[name='juese']:checked").val();
            var name = $("#name").val();
            var sex = $("#sex").val();
            var documentType = $("#documentType").val();
            var documentNumber = $("#documentNumber").val();
            var height = $("#height").val();
            var weight = $("#weight").val();
            var bloodType = $("#bloodType").val();
            var nationality = $("#nationality").val();
            var refereeLevel = $("#refereeLevel").val();
            var nation = $("#nation").val();
            // var associationId = $("#associationId").val();
            var year = $("#year").val();
            var birthDay = $("#birthDay").val();
            var birthAddress = $("#birthAddress").val();
            var politicCountenance = $("#politicCountenance").val();
            var tel = $("#tel").val();
            var otherTel = $("#otherTel").val();
            var email = $("#email").val();
            var graduateSchool = $("#graduateSchool").val();
            var major = $("#major").val();
            var heightEducation = $("#heightEducation").val();
            var englishLevel = $("#englishLevel").val();
            var workUnit = $("#workUnit").val();
            var job = $("#job").val();
            var address = $("#address").val();
            var refereeClothingSize = $("#refereeClothingSize").val();
            var otherClothingSize = $("#otherClothingSize").val();
            var soccerShoesSize = $("#soccerShoesSize").val();
            var runningShoesSize = $("#runningShoesSize").val();
            var medicalReportDate = $("#medicalReportDate").val();
            var bankCardNumA = $("#bankCardNumA").val();
            var openingBankA = $("#openingBankA").val();
            var bankCardNumB = $("#bankCardNumB").val();
            var openingBankB = $("#openingBankB").val();
            var bankCardNumC = $("#bankCardNumC").val();
            var openingBankC = $("#openingBankC").val();
            var city = $("#city").val();


            console.log(
                medicalReportUrl,
                headPhoto,
                role,
                name,
                sex,
                documentType,
                documentNumber,
                height,
                weight,
                bloodType,
                nationality,
                nation,
                // associationId,
                year,
                birthDay,
                birthAddress,
                politicCountenance,
                tel,
                otherTel,
                email,
                graduateSchool,
                major,
                heightEducation,
                englishLevel,
                workUnit,
                job,
                address,
                refereeClothingSize,
                otherClothingSize,
                soccerShoesSize,
                runningShoesSize,
                medicalReportDate,
                bankCardNumA,
                openingBankA,
                bankCardNumB,
                openingBankB,
                bankCardNumC,
                openingBankC,
                city
            )
            if (role == undefined) {
                layer.alert("请选择裁判角色", {
                    title: "提示"
                });
                return false
            } else if (!/^[\u4e00-\u9fa5]{2,6}$/.test(name) || name == "") {
                layer.alert("请输入2-6位中文姓名", {
                    title: "提示"
                });
                return false
            } else if (!/[0-9a-zA-Z]+/.test(documentNumber) || documentNumber == "") {
                layer.alert("请输入证件号码", {
                    title: "提示"
                });
                return false
            } else if (!/\d\d|\d\d\d/.test(height) || height == "") {
                layer.alert("请输入正确的身高", {
                    title: "提示"
                });
                return false
            } else if (!/\d\d|\d\d\d/.test(weight) || weight == "") {
                layer.alert("请输入正确的体重", {
                    title: "提示"
                });
                return false
            } else if (!/^[\u4e00-\u9fa5]{2,10}$/.test(nation) || nation == "") {
                layer.alert("请输入正确的民族", {
                    title: "提示"
                });
                return false
            } else if (!/^[\u4e00-\u9fa5]{2,10}$/.test(city) || city == "") {
                layer.alert("请输入正确的市级", {
                    title: "提示"
                });
                return false
            } else if (!/^[\u4e00-\u9fa5]{2,15}$/.test(nationality) || nationality == "") {
                layer.alert("请输入正确的国籍", {
                    title: "提示"
                });
                return false
                // } else if (associationId == "0") {
                //     layer.alert("请选择所属协会 ", {
                //         title: "提示"
                //     });
                //     return false
            } else if (year == "") {
                layer.alert("请选择年审年份 ", {
                    title: "提示"
                });
                return false
            } else if (!/^[\u4e00-\u9fa5]{2,10}$/.test(birthAddress) || birthAddress == "") {
                layer.alert("请输入正确的出生地 ", {
                    title: "提示"
                });
                return false
            } else if (birthDay == "") {
                layer.alert("请选择出生日期 ", {
                    title: "提示"
                });
                return false
            } else if (refereeLevel == "") {
                layer.alert("请选择裁判员等级 ", {
                    title: "提示"
                });
                return false
            } else if (!(/^1[3456789]\d{9}$/.test(tel))) {
                layer.alert("请输入正确的手机号", {
                    title: "提示"
                });
                return false
            } else if (!/^[\u4e00-\u9fa5]{4,12}$/.test(graduateSchool) || graduateSchool == "") {
                layer.alert("请输入正确的毕业院校", {
                    title: "提示"
                });
                return false
            } else if (!/^[\u4e00-\u9fa5]{2,12}$/.test(major) || major == "") {
                layer.alert("请输入正确的主修专业", {
                    title: "提示"
                });
                return false
            } else if (!/^[\u4e00-\u9fa5]{2,16}$/.test(workUnit) || workUnit == "") {
                layer.alert("请输入正确的单位/学校", {
                    title: "提示"
                });
                return false
            } else if (!/^[\u4e00-\u9fa5]{2,12}$/.test(job) || job == "") {
                layer.alert("请输入正确的职位", {
                    title: "提示"
                });
                return false
            } else if (address == "") {
                layer.alert("请输入正确的邮寄地址", {
                    title: "提示"
                });
                return false
            } else if (!/\d\d/.test(soccerShoesSize) || soccerShoesSize == "") {
                layer.alert("请输入正确的足球鞋尺码", {
                    title: "提示"
                });
                return false
            } else if (!/\d\d/.test(runningShoesSize) || runningShoesSize == "") {
                layer.alert("请输入正确的跑步鞋尺码", {
                    title: "提示"
                });
                return false
            } else if (medicalReportDate == "") {
                layer.alert("请选择体检时间", {
                    title: "提示"
                });
                return false
            } else if (medicalReportUrl == undefined) {
                layer.alert("请添加体检报告", {
                    title: "提示"
                });
                return false
            } else if (headPhoto == undefined) {
                layer.alert("请添加头像照片", {
                    title: "提示"
                });
                return false
            }
            $.ajax({ //保存表单
                url: saveJudgeReg,
                type: "POST",
                // 设置的是请求参数
                data: {
                    id: "",
                    medicalReportUrl: medicalReportUrl,
                    headPhoto: headPhoto,
                    role: role,
                    name: name,
                    sex: sex,
                    documentType: documentType,
                    documentNumber: documentNumber,
                    height: height,
                    weight: weight,
                    bloodType: bloodType,
                    nationality: nationality,
                    nation: nation,
                    // associationId: associationId,
                    year: year,
                    birthDay: birthDay,
                    birthAddress: birthAddress,
                    politicCountenance: politicCountenance,
                    refereeLevel: refereeLevel,
                    tel: tel,
                    otherTel: otherTel,
                    email: email,
                    graduateSchool: graduateSchool,
                    major: major,
                    heightEducation: heightEducation,
                    englishLevel: englishLevel,
                    workUnit: workUnit,
                    job: job,
                    address: address,
                    refereeClothingSize: refereeClothingSize,
                    otherClothingSize: otherClothingSize,
                    soccerShoesSize: soccerShoesSize,
                    runningShoesSize: runningShoesSize,
                    medicalReportDate: medicalReportDate,
                    bankCardNumA: bankCardNumA,
                    openingBankA: openingBankA,
                    bankCardNumB: bankCardNumB,
                    openingBankB: openingBankB,
                    bankCardNumC: bankCardNumC,
                    openingBankC: openingBankC,
                    city: city,
                },
                // 用于设置响应体的类型 注意 跟 data 参数没关系！！！
                dataType: 'json',
                success: function (res) {
                    if (res.msg !== "0") {
                        layer.alert(res.msg, {
                            title: "提示"
                        });
                    } else {
                        layer.alert("注册成功", {
                            title: "提示",
                            cancel: function () {
                                window.location.reload()
                            }
                        }, function () {
                            // window.location.reload()
                            window.location.reload()
                        });
                    }
                }
            })

        })


    });
</script>